<template>
<div class="container">
    <h3>发表评论</h3><hr>
    <textarea cols="30" placeholder="请输入要BB的内容（最多吐槽120个字）"></textarea>
    <mt-button type="primary" size="large">发表评论</mt-button>
    <!-- <textarea cols="30" placeholder="请输入要BB的内容（最多吐槽120个字）" v-model="msg"></textarea>
    <mt-button type="primary" size="large" @click="postinfo">发表评论</mt-button> -->
    <!-- <div class="mt-list" v-for="(item, i) in comment" :key="item.add_time">
        <div class="item">
            第{{1+i}}楼 {{item.user_name}}  发表时间：{{item.add_time}}
        </div>
        <div class="conter">
        {{item.content==="undefind" ? "没有发表信息":this.comment}} 
        </div>
    </div> -->
    <div class="mt-list">
        <div class="item">
            第1楼 匿名用户  发表时间：2015-3-3 13:23:20
        </div>
        <div class="conter">
            小明来查房间了
        </div>
    </div>
    <div class="mt-list">
        <div class="item">
            第1楼 &nbsp;&nbsp;匿名用户&nbsp;&nbsp;发表时间：2015-3-3 13:23:20
        </div>
        <div class="conter">
            小明来查房间了
        </div>
    </div>
    <div class="mt-list">
        <div class="item">
            第1楼 匿名用户  发表时间：2015-3-3 13:23:20
        </div>
        <div class="conter">
            小明来查房间了
        </div>
    </div>
    <!-- <mt-button type="danger" plain size="large" @click="getinfo">加载更多</mt-button> -->
    <mt-button type="danger" plain size="large">加载更多</mt-button>
</div>
</template>
// <script>
// import {Toast} from 'mint-ui';
// export default{
//     data(){
//         return{
//             comment:[],
//             pageindex=1,
//             msg:""
//         }
//     },
//     created(){
//         getcomment()
//     },
//     methods:{
//             getcomment(){
//                 this.$http.get("api/getcomments/" + this.id+"?pageindex="+this.pageindex).then(result=>{
//                     if(result.body.message===0){
//                          this.comment =this.comment.concat(result.body.message);
//                     }else{
//                         Toast("添加失败！")
//                     }
//                 });
//             },
//             getinfo(){
//                 pageindex++;
//                 this.getcomment();
//             },
//             postinfo(){
//                 if(this.msg.trim().length===0){
//                     return Toast("不能为空")
//                 }
//               this.$http.post("api/postcomment/"+this.id,{
//                   content:this.msg.trim()}).then(result=>{
//                       if(result.body.status===0){
//                            var shu = {
//                                user_name:'匿名用户',
//                                add_time:'Date.now()',
//                                content:'this.msg.trim()'
//                            };
//                            this.comment.unshift(shu); 
//                           this.msg="";
//                       }else{
//                     Toast("提交失败！");
//                       }
//                   })
              
//             }
//     },
//     props:["id"]
// }
// </script>
<style lang="sass" scoped>
.container{
    h3{
        font-size:16px;
        padding-top:8px;
    }
    textarea{
        font-size:14px;
        margin:0px;
    }
    .mt-list{
        margin:5px 0px;
        font-size:14px;
        .item{
            background:#c9c9c9;
            color:#000;
        }
        .conter{
            line-height:25px;
            text-indent:2em;
        }
    }

}
</style>